iT邦幫忙

2023 iThome 鐵人賽

0
SideProject30

sideproject-簡易網站系列 第 19

Day-19 了解jQuery

  • 分享至 

  • xImage
  •  

參考https://tw.alphacamp.co/blog/jquery-javascript-library-overview#事件綁定
jQuery主要的基礎建立在JS上。不同於瀏覽器腳本(Script)的標準,CSS2就提供更豐富易用的樣式表
原版JS只能由這三種方式存取網頁節點的API

document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()

通常事件綁定有三種方法
1<h1 onclick=”console.log(‘click’)” id=”my-id”>Hello</h1>
2addEventListener
3 JS中設置

事件觸發在jQuery中很方便 只要一行就好

$(“#my-id”).click()
不使用jQuery
console.log(document.getElementById(“my-id2”).getAttribute(“data-target”)); // => “#target”

使用jQuery
console.log($(“#my-id2”).data(“target”)); // => “#target”

主要應該差在使用jQuery會比較簡便


上一篇
Day-18 探索更多CSS功能
下一篇
Day-20 認識CSS 偽元素 ( before 與 after )
系列文
sideproject-簡易網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言